s<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.*"%>
<%@ page import="com.imut.bean.Link"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
* {
	font-family: "Microsoft YaHei", 微软雅黑, 宋体, 黑体, "Helvetica Neue", Tahoma,
		Arial, "Hiragino Sans GB";
	margin: auto;
}

.footer {
	height: 250px;
	background-color: #015293;
	box-sizing: border-box;
	padding-top: 20px;
	margin-top: 40px;
}

.footer a:hover {
	opacity: 0.8;
}

.footer .YouLink li {
	float: left;
	margin-right: 12px;
	text-align: center;
	background-color: #0765a8;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	border-top: 10px solid #015293;
	list-style-type: none;
}

.footer  .YouLink li a {
	height: 38px;
	line-height: 38px;
	font-size: 15px;
	color: #b8c6d8;
	display: inline-block;
	text-decoration: none;
}

.footer .YouLink li.li1 {
	width: 120px;
}

.clearfix {
	*zoom: 1;
}

.container {
	width: 1280px;
	margin: 0 auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.clearfix:before, .clearfix:after {
	content: '';
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1; /*IE/7/6*/
}

.footer .bottom {
	height: 182px;
	box-sizing: border-box;
	padding-top: 50px;
}

.footer .bottom .left {
	float: left;
	width: 186px;
	background: url(../images/bottomImg2.png) no-repeat right 5px;
}

.footer .bottom .left_l {
	float: left;
}

.footer .bottom .left_r {
	float: right;
	width: 90px;
}

.footer .bottom .left_r a {
	display: block;
	font-size: 15px;
	color: #b8c6d8;
	margin-bottom: 17px;
	text-decoration: none;
}

.footer .bottom .middle {
	float: left;
	width: 861px;
	box-sizing: border-box;
	padding-left: 36px;
	background: url(../images/bottomImg2.png) no-repeat right 5px;
}

.footer .bottom .middle * {
	font-size: 15px;
	color: #b8c6d8;
}

.footer .bottom .middle a {
	text-decoration: none;
}

.footer .bottom .middle p {
	margin-bottom: 16px;
}

.footer .bottom .middle img {
	vertical-align: middle;
	margin-right: 7px;
}

.footer .bottom .right {
	float: right;
	width: 200px;
}

.footer .bottom .right img {
	display: block;
	width: 81px;
	height: 81px;
	margin-bottom: 9px;
}

.footer .bottom .right_l {
	float: left;
}

.footer .bottom .right_r {
	float: right;
	margin-right: 5px;
}

.footer .bottom .right p {
	font-size: 15px;
	color: #b8c6d8;
	text-align: center;
}
</style>

</head>
<body>
	<div class="footer">
		<div class="container clearfix">
			<!--友情链接-->
			<div class="YouLink">
				<ul class="clearfix">
					<%
						List<Link> list = (ArrayList<Link>) request.getAttribute("list");
					if (list != null) {
						Iterator<Link> it = list.iterator();
						while (it.hasNext()) {
							Link link = it.next();
							pageContext.setAttribute("link", link);
					%>
					<li class="li1"><a href="${link.lkplace }" target="_blank"><%=link.getLkname()%></a>
					</li>
					<%
						}
					}
					%>
				</ul>
			</div>
			<!--友情链接结束-->
			<div class="bottom clearfix">
				<div class="left">
					<div class="left_l">
						<a href="http://www.imut.edu.cn/" target="_blank"> <img
							src="images/imut.jpg" />
						</a>
					</div>
					<div class="left_r">
						<a href="" target="_blank">网站声明</a> <a href="" target="_blank">联系我们</a>
						<a href="" target="_blank">团队介绍</a>
					</div>
				</div>
				<div class="middle">
					<p>组长：包雪峰&emsp;&emsp;组员：王雪辉 王东帅 袁宏艳</p>
					<p>
						蒙ICP备05000247号&emsp;&emsp; <img src="" /> <a href=""
							target="_blank" text-decoration="none">蒙公网安备15010502000333号</a>
						&emsp;&emsp;网站标识码：1500000001&emsp;&emsp;
					</p>
					<p>本网站发布的所有信息均不收取任何费用如遇到任何以本网站名义收取费用的情况请向内蒙古工业大学211办公室举报</p>
				</div>
				<div class="right">
					<div class="right_l">
						<img src="images/qq群.jpg" />
						<p>小组联系方式</p>
					</div>
					<div class="right_r">
						<img src="images/校方微信.jpg" />
						<p>学校联系方式</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>